import React from 'react'
import { Form, Icon, Input} from 'antd';
const FormItem = Form.Item;


class App extends React.Component{

  render(){
    return(
      <div id="login" className="center">
        <div className="loginWrapper">
          <div className="logo center">花旦助手</div>
          <Form>
            <FormItem>
              <Input id="name" data-required="true" prefix={<Icon type="user" style={{ fontSize: 13 }} />} placeholder="帐号" onChange={this.onChange} />
            </FormItem>
            <FormItem>
              <Input id="password" data-required="true" prefix={<Icon type="lock" style={{ fontSize: 13 }} />} type="password" placeholder="密码" onChange={this.onChange} />
            </FormItem>
            <FormItem className="lastFormItem">
              {this.props.children}
              <br/>
              <a href="#">注册</a>
            </FormItem>
          </Form>
        </div>

      </div>
    )
  }
}


export default App


